<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  <title>GroundWater</title>
  <style type="text/css">
    .css{
      width: 150px;
      height: 30px;
      display: block;
      color: #fff;
      background: #5F9EA0;
      font-size: 15px;
      line-height: 30px;
      text-align: center;
      border-radius: 15px;
      text-decoration: none;
      margin-left: 30px;
    }
  </style>
  <style>
    /* 此样式仅用于浏览器页面效果，Excel不会分离表格边框，不需要此样式 */
    table1 {
      border-collapse: collapse;
    }
  </style>
</head>
<body>

<table  width=100%>
  <tr>
    <td colspan="2" style="background-color:#FFFFFF ; width:100% ">
      <h1 align="center">水文地质领域文献三元组抽取系统</h1>
    </td>
  </tr>
  <tr>
    <td style="background-color:#F8F8F8  ;height:400px;vertical-align:top; width:100%">
      <table border="1" width="50%" style="margin-left: 450px">
        <tr>
        <caption style="font-family: 黑体,serif;font-size: 33px">抽取出的三元组</caption>
        </tr>
        <tr>
          <!-- 可以使用rowspan和colspan来合并单元格 -->
          <td>
            <input type="checkbox" name="running" >
          </td>
          <td style="font-family: '黑体',serif;font-size: 20px">头实体</td>
          <td style="font-family: '黑体',serif;font-size: 20px">尾实体</td>
          <td style="font-family: '黑体',serif;font-size: 20px">关系</td>
        </tr>
        <tr>
          <td>
            <input type="checkbox" name="running" >
          </td>
          <td style="font-family: 'Times New Roman',serif;font-size: 20px">Quaternary aquifer</td>
          <td style="font-family: 'Times New Roman',serif;font-size: 20px">north of the United Arab Emirates</td>
          <td style="font-family: 'Times New Roman',serif;font-size: 20px">aquifer-type-of-loc</td>
        </tr>
        <tr>
          <td>
            <input type="checkbox" name="running" >
          </td>
          <td style="font-family: 'Times New Roman',serif;font-size: 20px">unconfined</td>
          <td style="font-family: 'Times New Roman',serif;font-size: 20px">north of the United Arab Emirates</td>
          <td style="font-family: 'Times New Roman',serif;font-size: 20px">aquifer-type-of-loc</td>
        </tr>
        <tr>
          <td>
            <input type="checkbox" name="running" >
          </td>
          <td style="font-family: 'Times New Roman',serif;font-size: 20px">seawater-groundwater</td>
          <td style="font-family: 'Times New Roman',serif;font-size: 20px">north of the United Arab Emirates</td>
          <td style="font-family: 'Times New Roman',serif;font-size: 20px">groundwater-type-of-loc</td>
        </tr>
        <tr>
          <td>
            <input type="checkbox" name="running" >
          </td>
          <td style="font-family: 'Times New Roman',serif;font-size: 20px">seawater-groundwater</td>
          <td style="font-family: 'Times New Roman',serif;font-size: 20px">Ajman City</td>
          <td style="font-family: 'Times New Roman',serif;font-size: 20px">groundwater-type-of-loc</td>
        </tr>
        <tr>
          <td>
            <input type="checkbox" name="running" >
          </td>
          <td style="font-family: 'Times New Roman',serif;font-size: 20px">unconfined</td>
          <td style="font-family: 'Times New Roman',serif;font-size: 20px">Ajman City</td>
          <td style="font-family: 'Times New Roman',serif;font-size: 20px">aquifer-type-of-loc</td>
        </tr>
        <tr>
          <td>
            <input type="checkbox" name="running" >
          </td>
          <td style="font-family: 'Times New Roman',serif;font-size: 20px">Quaternary aquifer</td>
          <td style="font-family: 'Times New Roman',serif;font-size: 20px">Ajman City</td>
          <td style="font-family: 'Times New Roman',serif;font-size: 20px">aquifer-type-of-loc</td>
        </tr>
        <tr>
          <td>
            <input type="checkbox" name="running" >
          </td>
          <td style="font-family: 'Times New Roman',serif;font-size: 20px">seawater-groundwater</td>
          <td style="font-family: 'Times New Roman',serif;font-size: 20px">Arabian Gulf</td>
          <td style="font-family: 'Times New Roman',serif;font-size: 20px">groundwater-type-of-loc</td>
        </tr>
        <tr>
          <td>
            <input type="checkbox" name="running" >
          </td>
          <td style="font-family: 'Times New Roman',serif;font-size: 20px">seawater-groundwater</td>
          <td style="font-family: 'Times New Roman',serif;font-size: 20px">Quaternary aquifer</td>
          <td style="font-family: 'Times New Roman',serif;font-size: 20px">water-of-aquifer</td>
        </tr>
      </table>
    </td>
  </tr>

  <tr>
    <td style="background-color:#FFFFFF ;height:100px;vertical-align:top; width:100%" >
      <table>
        <tr>
          <td style="background-color:#F8F8F8 ;height:100px;width: 1000px" >
            <table>
              <tr>
                <td>
                  <br><br><br>
                  <h2>存储到MySQL：</h2>
                  <br><br><br>
                </td>
                <td>
                  <input style="margin-left: 63px; margin-bottom: 0px; width: 100px; height: 30px" type="button" value="存储" />
                </td>
                <td>
                  <input style="margin-left: 63px; margin-bottom: 0px; width: 100px; height: 30px" type="button" value="备份" />
                </td>
              </tr>
            </table>
          </td>
          <td style="background-color:#F8F8F8 ;height:100px;width: 1000px">
            <table>
              <tr>
                <td>
                  <br><br><br>
                  <h2>存储到Neo4j：</h2>
                  <br><br><br>
                </td>
                <td style="padding-left:40px; padding-bottom: 0px">
                  <input style=" width: 100px; height: 30px" type="button" value="存储" />
                </td>
                <td style="padding-left:40px; padding-bottom: 0px">
                  <a href="test2.html" target="_blank" class="css">可视化展示</a>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td colspan="2" style="background-color:#FFFFFF;text-align:center; width:100%">
      版权 © GroundWater</td>
  </tr>

</table>

</body>
</html>
